
/*-----------------------------------------------------------*/
/*copyright by ÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒâ€šÃ‚Â ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢Ãƒâ€šÃ‚Â  www.btoe.cn*/
/*ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â®Ãƒâ€šÃ‚Â± btoe@btoe.cn*/
/*ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â½Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¯Ãƒâ€šÃ‚Â 400-0599-360*/
/*ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¦Ãƒâ€¦Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¨ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¿ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â©Ãƒâ€šÃ‚Â¶*/
/*-----------------------------------------------------------*/


/* banner ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¼ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ */
.fullSlide {
 width: 100%;
 position: relative;
 height: 750px;
}

.fullSlide .bd {
 height: 750px;
 margin: 0 auto;
 position: relative;
 z-index: 1;
 overflow: hidden;
}

.fullSlide .bd ul {
 width: 100% !important;
}

.fullSlide .bd li {
 width: 100% !important;
 height: 750px;
 overflow: hidden;
 text-align: center;
}

.fullSlide .bd li a {
 display: block;
 height: 750px;
}


.fullSlide .hd {
 width: 200px;
 position: absolute;
 z-index: 2;
 bottom: 0;
 left: 44%;
 height: 100px;
 text-align: center;
}


.fullSlide .hd ul {

}


.fullSlide .hd ul li {
 display: inline-block;
 margin: 0 8px;
 cursor: pointer;
 zoom: 1;
 width: 10px;
 height: 10px;
 overflow: hidden;
 border: 1px solid #fff;
 line-height: 50px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-radius: 50%;
}


.fullSlide .hd ul li.on {
 background: #fff;
}


.fullSlide .prev, .fullSlide .next {
 width: 75px;
 height: 120px;
 position: absolute;
 bottom: 0px;
 z-index: 4;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
 cursor: pointer;
 color: #fff;
}


.fullSlide .prev i, .fullSlide .next i{
 display: block;
 font-size: 18px;
 line-height: 120px;
 text-transform:uppercase;
 font-family: Arial;
}



.fullSlide .prev {
 left: 95px;
 text-align: right;
 background: url(../images/banner_l.png) no-repeat 0;
}

.fullSlide .prev:hover {
 left: 85px;
 color: #e7a414;
}


.fullSlide .next {
 left: 402px;
 background: url(../images/banner_r.png) no-repeat right;
}

.fullSlide .next:hover {
 left: 412px;
 color: #e7a414;
}



.fullSlidebg_l{
 width: 280px;
 height: 120px;
 position: absolute;
 z-index: 3;
 left: 0;
 bottom: 0;
 background: #102540;
}


.fullSlidebg_r{
 width: 312px;
 height: 120px;
 position: absolute;
 z-index: 3;
 left: 280px;
 bottom: 0;
 background: #000000;
}


.slide_bar {
 position: absolute;
 z-index: 2;
 width: 280px;
 height: 750px;
 left: 0px;
 bottom: 0px;
 background: #fff;
 padding: 110px 0 0 42px;
 box-sizing: border-box;
 transition: all 0.3s ease-in-out;
 overflow: hidden;
}


.slide_bar_a{

}


.slide_bar_a > h3 {
 font-size: 16px;
 color: #333333;
 font-weight: bold;
 text-align: left;
 line-height: 22px;
}


.slide_bar_a > p {
 text-align: left;
 font-size: 14px;
 line-height: 30px;
 color: #666666;
 margin-top: 10px;
}


.slide_bar_a h4{
 width: 60px;
 height: 1px;
 background: #333;
 margin-top: 30px;
}


/* banner ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂÃƒâ€¦Ã‚Â¸ */


/* animated home */

.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both
}

.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite
}

.animated.hinge {
 -webkit-animation-duration: 2s;
 animation-duration: 2s
}

@-webkit-keyframes fadeInUp {
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
 }
 100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none
 }
}

@keyframes fadeInUp {
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
 }
 100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none
 }
}

.fadeInUp {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp
}

.animated_1 {
 animation-delay: 0.3s;
}

.animated_2 {
 animation-delay: 0.6s;
}

.animated_3 {
 animation-delay: 0.9s;
}

.animated_4 {
 animation-delay: 1.2s;
}

.animated_5 {
 animation-delay: 1.5s;
}

.animated_6 {
 animation-delay: 1.8s;
}

.animated_7 {
 animation-delay: 2.1s;
}

.animated_8 {
 animation-delay: 2.4s;
}

.animated_9 {
 animation-delay: 2.7s;
}

.animated_10 {
 animation-delay: 3s;
}

.animated_11 {
 animation-delay: 3.3s;
}

.animated_12 {
 animation-delay: 3.6s;
}

/* animated end */


.search_box {
 float: right;
 width: 230px;
 height: 40px;
 overflow: hidden;
 position: relative;
 margin-right: 160px;
 margin-top: 28px;
}


.swap_value {
 float: left;
 width: 190px;
 font-size: 14px;
 color: #333;
 height: 40px;
 line-height: 40px;
 background: none;
 border: 0;
}


.swap_go {
 float: right;
 margin: 0;
 border: 0;
 width: 40px;
 height: 40px;
 background: url(../images/fdj.png) no-repeat right;
 cursor: pointer;
 position: absolute;
 top: 0px;
 right: 0px;
}


.search_box input::-webkit-input-placeholder {
 color: #999999;
}

.search_box input::-moz-placeholder {
 color: #999999;
}

.search_box input:-moz-placeholder {
 color: #999999;
}

.search_box input:-ms-input-placeholder {
 color: #999999;
}



.soso_bg{
 width: 100%;
 height: 91px;
 position: relative;
 background:url(../images/sou_bg.png) no-repeat center;
 border-bottom: 1px solid #dddddd;
}

.soso {
 width: 100%;
 height: 91px;
}

.soso_2 {
 width: 1200px;
 height: 91px;
 margin: 0 auto;
 position: relative;
}


.soso_2l {
 line-height: 24px;
 color: #102540;
 float: left;
 width: 400px;
 font-size: 16px;
 margin-top: 40px;
}


.soso_2l a {
 color: #666666;
 display: block;
 padding-right: 20px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.soso_2l span {
 float: right;
 color: #666666;
}

.soso_2l a:hover {
 color: #015cb5;
 text-decoration: underline;
}

/*ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂÃƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â´Ãƒâ€šÃ‚Â¢end*/


.a_tite_box{
 width: 1200px;
 margin: 0 auto;
}


.a_tite {
 width: 330px;
 float: left;
}


.a_tite h3 {
 height: 28px;
 line-height:28px;
 font-size: 24px;
 color: #102540;
 margin-top: 12px;
 background:url(../images/in_x1.png) no-repeat 112px;
}

.a_tite h4{
 height: 22px;
}





.a_tite_more {
 width: 134px;
 height: 30px;
 float: right;
 z-index: 5;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 20px;
}


.a_tite_more a{
 display: block;
 line-height: 30px;
 font-size: 14px;
 color: #888888;
 text-transform:uppercase;
 padding-left: 55px;
 background:url(../images/more.png) no-repeat center ;
}


.a_tite_more a:hover{
 padding-left: 60px;
 color: #e7a414;
}




/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒâ€šÃ‚Â*/

.in_products_xx {
 width: 100%;
 height: auto;
 padding-top: 68px;
 background:url(../images/cp_bg.jpg) no-repeat center;
}



.in_pfl_bg {
 width: 1025px;
 height: 38px;
 float: right;
 padding-top: 18px;
}


.in_pfl {
 height: 38px;
 text-align: right;
}


.in_pfl ul li {
 display: inline-block;
 height: 38px;
 margin-left: 36px;
 background:url(../images/cp_line.png) no-repeat 0;
}

.in_pfl ul li:nth-child(1){
 background: none;
}


.in_pfl ul li a {
 display: block;
 height: 38px;
 line-height: 38px;
 overflow: hidden;
 font-size: 16px;
 color: #333333;
 padding-left: 42px;
}

.in_pfl ul li a:hover {
 color: #e7a414;
}



.in_products_r {
 width: 1360px;
 height: auto;
 margin: 0 auto;
 padding-top: 48px;
}


.in_products_r .tab_box {

}

.in_products_pro {
 position: relative;
 width: 105%;
}


.in_pro_2 {
 float: left;
 width: 320px;
 margin: 0 27px 47px 0;
 overflow: hidden;
 position: relative;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
}



.in_pro_2 .in_pro_1pic {
 width: 100%;
 height: 260px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 9px;
 border: 1px solid #dddddd;
 border-radius: 10px;
}



.in_pro_2 .in_pro_1pic img {
 width: 100%;
 height: 100%;
 transition: all 0.5s;
 transform: scale(1);
 border-radius: 10px;
}


.in_pro_txt {
 height: 45px;
 -webkit-transition: all .3s linear;
 transition: all .3s linear;
 background:url(../images/cp_d2.png) no-repeat 276px;
 padding-right: 50px;
 padding-left: 5px;
 margin-top: 7px;
 border-bottom: 1px solid #dddddd;
}


.in_pro_txt h6{
 height: 45px;
 line-height: 45px;
 font-size: 16px;
}

.in_pro_txt h6 a {
 color: #666666;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding-left: 15px;
 background:url(../images/cp_d1.png) no-repeat 0;
}


.in_pro_txt h6 a:hover{
 padding-left: 20px;
}

.in_pro_2:hover .in_pro_1pic{
 border: 1px solid #e7a414;
}

.in_pro_2:hover .in_pro_txt a {
 color: #e7a414;
 background:url(../images/cp_d1a.png) no-repeat 0;
}


.in_pro_2:hover .in_pro_txt {
 background:url(../images/cp_d2a.png) no-repeat 281px;
}


/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒâ€šÃ‚Âend*/


/*ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¹*/

.td_bg{
 width: 100%;
 overflow: hidden;
}

.td_bg_cent{
 width: 1360px;
 margin: 0 auto;
}

.td_bg_box{

}

.td_bg_ll{
 float: left;
 width: 530px;
 line-height: 1;
}

.td_bg_ll h3{
 font-size: 30px;
 color: #102540;
 font-weight: bold;
 letter-spacing:4px;
 background:url(../images/td_line.png) no-repeat 265px;
}


.td_bg_ll h4{
 font-size: 30px;
 color: #102540;
 font-weight: bold;
 padding-top: 18px;
 letter-spacing:4px;
}


.td_bg_rr{
 float: right;
 width: 620px;
 position: relative;
}

.td_bg_rrcc{
 height: 84px;
 overflow: hidden;
 padding-right: 50px;
}


.td_bg_rra{

}

.td_bg_rra h4{
 font-size: 12px;
 color: #999999;
}

.td_bg_rra h4 span{
 font-size: 16px;
 color: #333333;
}

.td_bg_rra h5{
 width: 76px;
 height: 1px;
 background: #dddddd;
 margin-top: 10px;
}

.td_bg_rra h6{
 line-height: 20px;
 font-size: 14px;
 color: #666666;
 padding-top: 17px;
}


.td_l {
 background: url(../images/td_l.png) no-repeat center #e7a414;
 display: block;
 width: 40px;
 height: 40px;
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 text-transform:uppercase;
 border-radius: 5px;
}


.td_l:hover{
 border-radius: 20px;
}



.td_r {
 background: url(../images/td_r.png) no-repeat center #102540;
 display: block;
 width: 40px;
 height: 40px;
 cursor: pointer;
 position: absolute;
 right: 0;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-radius: 5px;
}


.td_r:hover{
 border-radius: 20px;
}


.td_tu{
 height: 260px;
 margin-top: 50px;
 position: relative;
}

.td_tu1{
 position: absolute;
 left: 1110px;
 top: 0;
}


/*ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã‚Â§ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¹end*/



/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¿*/


.advantage {
 width: 100%;
 height: 755px;
 background:url(../images/ys_bg1.jpg) no-repeat center top;
}


.advantage_p {
 width: 1200px;
 height: 755px;
 margin: 0 auto;
 position: relative;
}



.advantage_t2 {
 position: absolute;
 left: 0px;
 top: 55px;
 width: 350px;
 height: 700px;
 background:url(../images/ys_bg2.png) no-repeat center;
}


/*--*/


.a_yscent{
 padding-left: 57px;
 padding-top: 131px;
}

.a_ys {
 width:240px;
}

.a_ys h3 {
 width: 35px;
 height: 2px;
 background: #8892a0;
 margin-top: 21px;
}


.a_ys h4{
 line-height: 36px;
 font-size: 15px;
 color: #fff;
 text-transform:uppercase;
 padding: 45px 0 0 0;
 font-weight: 100;
}


.a_ys h5{
 line-height: 1;
 font-size: 30px;
 color: #fff;
 font-weight: bold;
 padding-top: 15px;
}


.a_ys h6{
 line-height: 24px;
 font-size: 12px;
 color: #898f98;
 padding: 20px 0 0 0;
}


/*--*/



.advantage_p .advantage_cent{
 margin-left: 350px;
 height: 680px;
 overflow: hidden;
 display: block;
 position: relative;
}



.advantage_p .tab_box_2 {

}


.advantage_p .ys_aaa{
 width: 420px;
 height: 295px;
 overflow: hidden;
 padding-top: 75px;
}


.advantage_p .ys_bbb{
 width: 555px;
 height: 160px;
 margin-top: 117px;
 margin-left: 86px;
}



.youshi_pro_1_l {
 width: 420px !important;
 height: 295px;
 overflow: hidden;
 border-radius: 0 0 20px 0;
}


.youshi_pro_1_l img {
 width: 470px;
 height: 330px;
 transition: all 0.5s;
 transform: scale(1);
}



.youshi_pro_2a {
 position: relative;
}


.youshi_pro_2shu{
 height: 28px;
 line-height: 28px;
}


.youshi_pro_2shu i{
 display: block;
 font-size: 30px;
 float: left;
 color: #333333;
}


.youshi_pro_2shu span{
 display: block;
 font-size: 24px;
 float: left;
 color: #333333;
 margin-left: 12px;
 position: relative;
 z-index: 5;
}


.youshi_pro_2_1 {
 line-height: 36px;
 padding: 24px 0 0 0;
 color: #666666;
 font-size: 15px;
}





.youshi_pro_l {
 background: url(../images/ys_l.png) no-repeat center;
 display: block;
 width: 50px;
 height: 50px;
 cursor: pointer;
 position: absolute;
 left: 25px;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.youshi_pro_l:hover{
 left: 20px;
}


.youshi_pro_r {
 background: url(../images/ys_r.png) no-repeat center;
 display: block;
 width: 50px;
 height: 50px;
 cursor: pointer;
 position: absolute;
 right: 25px;
 bottom: 0px;
 z-index: 10;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.youshi_pro_r:hover{
 right: 20px;
}



.ys_telaa{
 height: 30px;
 line-height: 30px;
 margin-top: 60px;
 background:url(../images/ys_tel.png) no-repeat 0px;
 padding-left: 39px;
 font-size: 24px;
 color: #fff;
}


.ys_tel{
 width: 150px;
 height: 40px;
 margin-top: 32px;
 margin-left: 32px;
}


.ys_tel span{
 width: 150px;
 height: 40px;
 line-height: 40px;
 display: block;
 font-size: 14px;
}

.ys_tel span a{
 color: #fff;
 display: block;
 background:url(../images/ys_qq.png) no-repeat 33px #e7a414;
 padding-left: 62px;
 border-radius: 5px;
}


.ys_tel span a:hover{
 background:url(../images/ys_qq.png) no-repeat 33px;
border: 1px solid #e7a414;
 color: #e7a414;
}




.youshi_txt{
 width: 400px;
 height: 174px;
 position: absolute;
 right: -5px;
 top: 106px;
 line-height: 1;
 z-index: 3;
}

.youshi_txt h4{
 font-size: 16px;
 color: #333333;
 line-height: 36px;
 padding-top: 17px;
}


.youshi_txt h5{
 font-size: 12px;
 color: #999999;
 padding-top: 14px;
line-height: 30px;
}


.youshi_en2{
 width: 180px;
 height: 50px;
 background:url(../images/ys_line2.png) no-repeat center #e7a414;
 position: absolute;
 top: 552px;
 right: 0px;
 z-index: 3;
 border-radius: 0 10px;
}


/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¿end*/



.case_bg{
 width: 100%;
 padding-top: 68px;
 overflow: hidden;
}

.case_cent{
 width: 1200px;
 height: 490px;
 margin: 0 auto;
 position: relative;
 margin-top: 40px;
}


.case_ll{
 width: 1640px;
 position: absolute;
 left: 0;
 top: 0;
}






.case_llbox{
 width: 100%;
}



.case_pro_1 {
 width: 320px;
 position: relative;
 float: left;
 margin-right: 55px;
 padding-top: 26px;
}


.case_pro_1_l {
 width: 320px;
 height: 260px;
 border: 1px solid #dddddd;
 padding: 9px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 10px;
}


.case_pro_1_l img {
 width: 100%;
 height: 100%;
 border-radius: 10px;
}


.case_pro_2a {
 margin-left: 55px;
 border-top: 2px solid #102540;
 margin-top: 25px;
 text-align: left;
}


.case_pro_2a h6 {
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 padding-top: 7px;
}

.case_pro_2a h6 a{
 display: block;
 color: #102540;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.case_pro_2a h6 a:hover{
color: #e7a414;
 padding-left: 5px;
}


.case_pro_2a h5{color: #999999;line-height: 24px;font-size: 14px;}

.case_pro_2a h4{
 color: #102540;
 line-height: 28px;
 font-size: 14px;
 padding-top: inherit;
 font-family: Arial;
 font-weight: 300;
 text-align: left;
}


.case_pro_2en {
 width: 12px;
 line-height: 1;
 height: 200px;
 font-size: 12px;
 color: #102540;
 position: absolute;
 left: 0;
 top: 0;
 text-transform:uppercase;
 font-family: Arial;
 writing-mode:horizontal-tb;
 writing-mode:vertical-lr;
}


.case_pro_2en span{
 font-family: Arial;
 font-weight: bold;
 display: inline-block;
 height: 22px;
}


.case_pro_1:hover .case_pro_2a{
 border-top: 2px solid #e7a414;
}

.case_pro_1:hover .case_pro_2a h6 a{
 color: #e7a414;
}

.case_pro_1:hover .case_pro_2a h4{
 color: #e7a414;
}


/*----*/



/*ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹*/


.in2_about {
 width: 100%;
 height: 700px;
 background:url(../images/about_bg.jpg) no-repeat center top;
 overflow: hidden;
 padding-top: 70px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


.in2_about_1 {
 width: 1200px;
 margin: 0 auto;
 position: relative;
}






.in2_about_2_t {
 height: 40px;
 color: #d1d1d1;
 font-size: 36px;
 text-transform: uppercase;
}


.in2_about_3x {
 width: 500px;
 float: left;
 margin-left: 24px;
}


.in2_about_3_t1{
}

.in2_about_3_t1 img{
 display: block;
}



.in2_about_3_t2 {
 height: 32px;
 line-height: 32px;
 font-size: 26px;
 color: #102540;
 font-weight: bold;
 padding-top: 18px;
}



.in2_about_6 {
 padding-top: 37px;
}


.in2_about_3 {
 line-height: 40px;
 height: 160px;
 overflow: hidden;
 padding: 22px 0 0 0;
 color: #666666;
 font-size: 15px;
}


.in2_about_3en{
 font-size: 14px;
 color: #999999;
 line-height: 30px;
 height: 90px;
 overflow: hidden;
 margin-top: 18px;
}



.in2_about_5 {
 height: auto;
}


.in2_about_more {
 width: 150px;
 margin-top: 39px;
}


.in2_about_more span{
 display: block;
 width: 70px;
 height: 45px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}

.in2_about_more span a{
 display: block;
 font-size: 0px;
 color: #666666;
 line-height: 45px;
 text-transform:uppercase;
 background: url(../images/ab_jia.png) no-repeat center #53d324;
 border-radius: 5px;
}


.in2_about_more span a:hover{
 background:url(../images/ab_jia.png) no-repeat center #102540;
}



/*---*/


.about_aa{
 position: absolute;
 left: 548px;
 top: 210px;
 width: 225px;
 height: 310px;
 background: #fff;
 border: 1px solid #dddddd;
 border-radius: 10px;
 padding: 9px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}


.about_rong {
 width: 183px;
 height: 271px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 background: #f08519;
 padding: 11px;
 border-radius: 10px;
}


.about_rong_img {
 width: 183px;
 height: 271px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: #fff;
}

.about_rong_pic{
 width: 100%;
 height: 100%;
}

.about_rong_pic img{
 width: 100%;
 height: 100%;
 border-radius: 4px;
 object-fit: scale-down;
}

.about_rong h6{
 line-height: 30px;
 text-align: center;
 font-size: 14px;
 margin-top: 12px;
}

.about_rong h6 a{
 color: #666666;
 display: block;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}


.about_rong:hover h6 a{
 color: #f08519;
}

/*---*/



.about_rr {
 float: right;
 width: 620px;
 height: 460px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.about_rr_img {
 width: 620px;
 height: 460px;
 overflow: hidden;
 border-radius: 10px;
}

.about_rr_img img{
 width: 700px;
 height: 520px;
}


.about_rr:hover{
 transform: translateY(-5px);
}

/*ÃƒÆ’Ã‚Â§Ãƒâ€šÃ‚Â®ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹end*/



/*ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒâ€šÃ‚Â»*/


.in_news_ss {
 width: 100%;
 margin: 0 auto;
 padding-top: 80px;
}

.in_news_pro {
 width: 1200px;
 margin: 0 auto;
 position: relative;
}

.in_news_tit{
 position: absolute;
 left: 0;
 top: 0;
 width: 500px;
}




#tab_news {
 width: 100%;
 margin-top: 8px;
}

#tab_news .news_menu {
 height: 45px;
 margin-left: 750px;
}


#tab_news .news_menu li {
 float: left;
 width: 140px;
 height: 45px;
 line-height: 45px;
 color: #fff;
 font-size: 16px;
 cursor: pointer;
 margin-left: 10px;
 background: #102540;
 border-radius: 5px;
 text-align: center;
}


#tab_news .news_menu li a{
 color: #fff;
}


#tab_news .news_menu .on {
 cursor: pointer;
 background: #008eca;
 font-weight: bold;
}



#tab_news .news_menu span {
 display: block;
}


#tab_news .news_menu i{
 display: block;
 width: 40px;
 height: 40px;
 float: left;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


#tab_news .news_menu i.d1{
 background:url(../images/news_td1.png) no-repeat 0 0;
}

#tab_news .news_menu i.d2{
 background:url(../images/news_td2.png) no-repeat 0 0;
}

#tab_news .news_menu i.d3{
 background:url(../images/news_td3.png) no-repeat 0 0;
}


#tab_news .news_menu .on i.d1{
 background:url(../images/news_td1.png) no-repeat -40px 0;
}

#tab_news .news_menu .on i.d2{
 background:url(../images/news_td2.png) no-repeat -40px 0;
}

#tab_news .news_menu .on i.d3{
 background:url(../images/news_td3.png) no-repeat -40px 0;
}


.in_news_ss .tab_box_news {
 width: 100%;
 clear: both;
 margin-top: 0px;
}

.in_news_ss .tab_box_news .hide {
 display: none;
}

.in_news_1 {
 overflow: hidden;
}

.in_news_2 {
 width: 100%;
 overflow: hidden;
 position: relative;
 padding-top: 72px;
}


/*---*/


/*---*/
.in_newss_4box{
 width: 690px;
 float: left;
 overflow: hidden;
}

.in_newss_4 {
 width: 690px;
 height: 250px;
 position: relative;
 overflow: hidden;
 background:url(../images/news_bg2.png) no-repeat center;
 border-radius: 10px;
}


.in_newss_4_1 {
 float: left;
 width: 350px;
 height: 250px;
 overflow: hidden;
}


.in_newss_4_1 img {
 width: 400px;
 height: 280px;
 transition: all 0.5s;
 transform: scale(1);
}


.in_newss_4_2 {
 float: left;
 width: 281px;
 margin-left: 25px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.in_newss_4_2 h6 {
 font-size: 16px;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 padding-top: 31px;
}

.in_newss_4_2 h6 a{
 display: block;
 color: #fff;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.in_newss_4_2 h6 a:hover{
 padding-left: 5px;
 color: #e7a414;
}

.in_newss_4_2 span{
 display: block;
 width: 29px;
 height: 2px;
 background: #fff;
 margin-top: 15px;
}


.in_newss_4_2 h4{
 font-size: 14px;
 display: block;
 color: #fff;
 line-height: 20px;
 padding-top: 1px;
 position: relative;
}


.in_newss_4_2 h5 {
 color: #dbdbdb;
 line-height: 30px;
 height: 90px;
 font-size: 14px;
 margin-top: 20px;
 overflow: hidden;
}


/*---*/



/*---*/


.in_newss_four_a{
 width: 120%;
 margin-top: 42px;
 position: relative;
}


.in_nfourbox {
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 width: 316px;
 float: left;
 margin-right: 60px;
 margin-bottom: 34px;
}


.in_nfourbox_line{
 line-height: 20px;
 font-size: 14px;
 color: #333333;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 11px;
}


.in_nfourbox_2 {

}


.in_nfourbox_2 h6 {
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 font-size: 16px;
}


.in_nfourbox_2 h6 a {
 color: #333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.in_nfourbox_2 h6 a:hover {
 color: #e7a414;
 padding-left: 5px;
}


.in_nfourbox_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 30px;
 height: 60px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 margin-top: 12px;
}


.in_nfourbox:hover .in_nfourbox_2 h6 a{
 color: #e7a414;
}

.in_nfourbox:hover .in_nfourbox_line {
 color: #e7a414;
}


/*---*/

.gs_news_2 {
 width: 450px;
 float: right;
}


.in_newss_7 {
 height: 163px;
 overflow: hidden;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}



.in_news_5_1 {
 float: left;
 width: 77px;
 height: 100px;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-right: 1px solid #dddddd;
}


.in_news_5_1 h5 {
 line-height:40px;
 font-size: 48px;
 color: #333333;
 padding-top: 12px;
}


.in_news_5_1 h6 {
 line-height: 20px;
 font-size: 14px;
 color: #999999;
 padding-top: 5px;
}


.in_newss_7_2 {
 width: 347px;
 float: right;
}

.in_newss_7_2 h6 {
 height: 31px;
 line-height: 1;
 overflow: hidden;
 font-size: 16px;
}

.in_newss_7_2 h6 a {
 color: #333;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}


.in_newss_7_2 h4 {
 color: #999999;
 font-size: 14px;
 line-height: 30px;
 height: 60px;
 overflow: hidden;
 border-top: 1px solid #dddddd;
 padding-top: 16px;
}


.in_newss_7:hover .in_newss_7_2 h6 a {
 color: #e7a414;
}

.in_newss_7:hover .in_newss_7_2 h6 a:hover{
 padding-left: 5px;
}


/*---*/


.b_text_xx{
 text-align: center;
 padding-top: 67px;
}

.b_text_xx h3{
 font-size: 30px;
 color: #fff;
 font-weight: bold;
 line-height: 1;
}

.b_text_xx h4{
 padding-top: 35px;
}

.b_text_xx h4 img{
 display: block;
 margin: 0 auto;
}


/*ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â£Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡*/


.in_fcc_r {
 width: 100%;
 height: 610px;
 overflow: hidden;
 background:url(../images/hz_bg.jpg) no-repeat center;
 margin-top: 10px;
}



.in_fcc_r .tabfcc_box {
 width: 100%;
 clear: both;
 margin-top: 50px;
}


.in_fcc_r .tabfcc_box .hide {
 display: none;
}

.in_fcc_box {
 width: 1360px;
 margin: 0 auto;
 position: relative;
}


.in_fcc {
 width: 1386px;
 margin-left: -13px;
 overflow: hidden;
}


.in_fcc li {
 float: left;
 width: 250px;
 height: 130px;
 margin: 0 13px 40px 13px;
 text-align: center;
 position: relative;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 border-radius: 10px;
 overflow: hidden;
}



.in_fcc li h6 {
 font-size: 14px;
 text-align: center;
 font-weight: normal;
 width: 100%;
 height: 130px;
 line-height: 130px;
 overflow: hidden;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 position: absolute;
 left: 0;
 top: 0;
 background-color:rgba(0,0,0,0.5);
 opacity: 0;
 transform: scale(0.5);
}


.in_fcc li:hover h6{
opacity: 1;
 transform: scale(1);
}


.in_fcc li h6 a {
 color: #fff;
 display: block;
 padding: 0 10px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 16px;
}

.in_fcc li h6 a:hover {
text-decoration: underline;
}


.fc_imgscale_x {
 width: 100%;
 height: 100%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: #fff;
}


.fc_imgscale {
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.fc_imgscale img {
 width: 100%;
 height: 100%;
 -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}


.hengxian{
	width:30px;
	height:1px;
	background-color:#000;
	float:left;
	margin-top: 13px;
	margin-right: 10px;
}


.picMarquee-left .bd ul li{ margin:0 8px;width:345px !important; float:left; _display:inline; overflow:hidden; text-align:center;  }


/*ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â£Ãƒâ€¦Ã‚Â½ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡end*/


.shuzi{
	float:left;
	line-height: 121px;
	font-weight: 600;
	font-size: 24px;
}